video {
    outline-style: none;
}

body, td, th {
    font-family: "微软雅黑";
    font-size: 12px;
    color: #333;
    background-image: url(../images/bg_red.jpg);
    background-repeat: repeat;
}

.joy_n_news li{ margin-left:18px; margin-bottom:12px; }
.joy_n_news_special li{ margin-left:27px; padding-bottom:12px; }
.joy_n_item li{ float:left; background:url(../images/joy_pic_bg.png) no-repeat; width:133px; height:140px; _display:inline; box-sizing: border-box;}
.joy_n_item li img{ padding:6px; padding-bottom:0;}
.joy_n_item  dd a{ font:12px/1.5 "微软雅黑"; color:#585858; padding:0 5px; display:block; height:34px; width:122px; overflow:hidden; text-decoration: none;}
.joy_n_item .joy_item_a{ font:12px/1.5 "微软雅黑"; color:#585858; padding:0 5px; display:block; height:34px; width:122px; overflow:hidden; text-decoration: none;text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;}

/*放上去变大*/
.li_news_list li:hover { position:relative; zoom:1;}
.li_news_list li:hover .joy_news_div{ background:url(../images/joy_pic_bg_hover.png) no-repeat;width:148px; height:149px; position:absolute; left:-8px; top:-5px;}
.li_news_list li:hover .joy_news_div img {
    padding-left:8px;
    padding-right:8px;
    width: 130px;
    height: 100px;
}
.li_news_list li:hover .joy_item_a{ padding:0 8px; line-height:1.3;}
.li_news_list li:hover .joy_play_btn{ background:url(../images/joy_play_btn.png) no-repeat; width:44px; height:43px; display:block; position:absolute; left:50px; top:40px;_background:none;/*IE6*/
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='scale', src="images/joy_play_btn_ie.png");/*IE6*/}


/*放上去变大*/
.li_news_list_two li:hover { position:relative; zoom:1; box-shadow: 5px 9px 17px rgb(136 136 136 / 38%);  transform: scale(1.05,1.05); transition: .3s transform;}
/* .li_news_list_two li:hover .joy_news_div{ background-color: #FFF;  width:310px; height:280px; position:absolute; left:-8px; top:-5px;} */
.li_news_list_two li:hover .joy_news_div img {
    padding-left:8px;
    padding-right:8px;
    width:100%; 
    height:280px;
}
.li_news_list_two li:hover .joy_item_a{ padding:0 8px; line-height:1.3;}
.li_news_list_two li:hover .joy_play_btn{ background:url(../images/joy_play_btn.png) no-repeat; width:44px; height:43px; display:block; position:absolute; left:40%; top:35%; _background:none;/*IE6*/
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='scale', src="images/joy_play_btn_ie.png");/*IE6*/}

#Header{
    width: 100%;
    height: 48px;
    background-image: url(../images/720_1.jpg);
    background-repeat: repeat-x;
}
.menu{ width:1024px; height:48px; margin-left:auto; margin-right:auto;}
.menu_left{ width:190px; height:48px; float:left;}
.menu_part{ width:700px; height:48px; float:left; margin-left:0px;}
.menu_part a{ font-size:16px; color:#FFF; text-decoration:none;}
.menu_part dl{ margin:0; padding:0; display:block;}
.menu_part dd{
    margin: 0;
    display:block;
    font-size: 16px;
    width: 86px;
    background-image: url(../images/720_2.jpg);
    background-repeat: repeat-x;
    float:left;
    padding-top:11px;
    text-align:center;
}
.menu_right{ width:315px; height:48px; float:left; margin-left:0px;}
.menu_right dl{ margin:0; padding:0; display:block; float:left;}
.menu_right dd{ margin: 0;float:left; width:auto; margin-left:5px; margin-top:6px;}
.menu_right dt{ margin: 0;float:left; width:auto; margin-left:5px; margin-top:6px;}


/*foot*/
.joy_n_foot{ margin:0 auto; width:1024px; margin-top:30px;}
.joy_n_foot a{ text-decoration:none;}
.joy_n_foot .joy_n_foot_lj{ background:url(../images/joy_foot_bg.jpg) no-repeat; width:994px; height:55px; padding:12px 0 12px 30px; }
.joy_n_foot .joy_n_foot_lj p,.joy_n_foot .joy_n_foot_lj p a{ font:12px/2.2 "微软雅黑"; color:#ccc; margin:0; padding:0;}
.joy_n_foot .joy_n_foot_lj p a{ margin:0 10px;color:#ccc;}
.joy_n_foot_cri{ margin:20px 0;}
.joy_n_foot_cri p{ text-align:center; font:12px/2 "微软雅黑"; color:#ccc;}
.joy_n_foot_cri p a{  color:#ccc;}
.joy_n_foot .joy_safe{ margin:0 auto; padding-bottom:20px; width:398px; }


.pagination {
    text-align: center;
    margin: 50px 0
}

.pagination > a {
    display: inline-block;
    cursor: pointer;
    height: 28px;
    line-height: 26px;
    text-align: center;
    font-size: 12px;
    color: #333;
    border: 1px solid #333;
    margin: 0 5px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 10px;
    position: relative;
    border-radius: 2px;
    text-decoration: none
}

.pagination > a:hover {
    color: #ff0d10;
    border-color: #ff0d10;
}

.pagination > a.active {
    border-color: #ff0d10;
    color: #ff0d10;
}

@media (max-width: 768px) {
    .pagination {
        text-align: center;
        margin: 5vw 0 8vw
    }
    
    .pagination > a {
        height: 7vw;
        line-height: 7vw;
        font-size: 4vw;
        margin: 0 .5vw;
        padding: 0 2vw
    }
}


.clearfix:before, .clearfix:after {
    content: '.';
    display: block;
    overflow: hidden;
    visibility: hidden;
    font-size: 0;
    line-height: 0;
    width: 0;
    height: 0;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    zoom: 1;
}